$(function(){

	//点击下拉
	var mask=true;
	$('.show_more').live('click',function(){
		var ul=$(this).parent().children().children('.filter_item');
		if(mask){
			//如果存在mutil类名 说明ul 下的 li 里的复选框处于显示状态，那么久去掉mutil类名就可以了 不用去掉close和把mask表为true
			if(ul.hasClass('mutil')){
				ul.removeClass('mutil');
			}else{
				ul.removeClass('close');
				mask=false;
			}
			//确定和取消div隐藏
			$(this).prev().prev().children('.sub_box').removeClass('show');
			ul.children().children().each(function(){	
				$(this).children().removeAttr('checked');
			});
			//多选按钮显示
			$(this).prev().show();
		}else{
			ul.addClass('close');
			mask=true;
		}
	});

	//点击多选
	$('.mutil_sele').live('click',function(){
		//自身隐藏 
		$(this).hide();
		//全部风格、确定取消、复选框显示
		var ul = $(this).parent().children().children('.filter_item');
		ul.addClass('mutil');
		$(this).parent().children().children('.sub_box').addClass('show');
	});

	//取消
	$('.sele_cancel').live('click',function(){
		//父类div隐藏
		$(this).parent().removeClass('show');
		//ul删除mutil类
		$(this).parent().prev().removeClass('mutil');
		//多选按钮显示
		$(this).parent().parent().next().show();
		//取消选中的单选框
		$(this).parent().prev().children().children().each(function(){	
			$(this).children().removeAttr('checked');
		});
	});

	

	//筛选
	$('.filter_item li span').live('click',function(){
		var ul=$(this).parent().parent();
		var keyword = $(this).parent().parent().parent().parent().parent().prev();
		var str =',' + keyword.val();
		var key_text=$(this).html();
		if(ul.hasClass('mutil')){
			var input=$(this).prev().children();
			
			if(input.attr('checked')=='checked'){
				str = str.replace(','+key_text+',' , ',');
				keyword.val(str);
				input.removeAttr('checked');

			}else{

				
				str +=key_text+',';
				keyword.val(str);
				input.attr('checked','checked');
			}

		}else{
			keyword.val(key_text);
			var cid=$(this).parent().attr('data-id');
			if(cid){
				$("#channel_key").val(cid);
			}
			$('#search_key').submit();
		}
	});

	//确定
	$('.sele_confirm').live('click',function(){
		$('#search_key').submit();
	});

	$('#sbt_sbt').live('click',function(){
		$('#search_key').submit();
	});

	//删除搜索条件
	$('.cancel span').live('click',function(){
		var keys = $(this).parent().attr('keys');
		document.getElementById(keys).setAttribute('value','');
		$('#search_key').submit();
	});

	//删除所有条件
	$('.clear_all').live('click',function(){
		$('#tags').val('');
		$('#style').val('');
		$('#device').val('');
		$('#search_key').submit();
	});
});